import React, {Component} from "react";
import {HashRouter as Router,Link} from "react-router-dom";
import  ReactDOM from 'react-dom';
import './style/MyNotLogin.css'
import './style/bootstrap.css'
import './style/bootstrap.css.map'

export default class MyNotLogin extends Component{

    render() {
        return (
            <div className="MyNotLogin">
                <div className="header">
                    <a className='setting'>设置</a>
                </div>

                <div className="meNotLogin-container">
                        <h6><strong>恩亿优基金&nbsp;&nbsp;专属于你的基金投资专家</strong></h6>
                        <p>交易全程监管，资金安全可靠，海量基金，申购一折</p>
                        <div className="info">
                            <ul>
                                <li>
                                    <img className="img-4" src={[require("./img/打折 (2).png")]} alt=""/>
                                    <h6><strong>恩亿优旗下</strong></h6>
                                    <p>持牌基金交易平台</p>
                                </li>
                                <li>
                                    <img className="img-4" src={[require("./img/监管.png")]} alt=""/>
                                    <h6><strong>证监会全程监督</strong></h6>
                                    <p>七重安全保障</p>
                                </li>
                                <li>
                                    <img className="img-4" src={[require("./img/基金 (2).png")]} alt=""/>
                                    <h6><strong>6000余只基金</strong></h6>
                                    <p>汇集市场优秀基金</p>
                                </li>
                                <li>
                                    <img className="img-4" src={[require("./img/打折.png")]} alt=""/>
                                    <h6><strong>全场申购1折起</strong></h6>
                                    <p>节约90%的申购成本</p>
                                </li>
                            </ul>
                        </div>
                        <Router>
                            <Link to="/terran/register">
                                <button id="regist-btn" className="regist-btn" >恩亿优基金安全开户</button>
                            </Link>
                        </Router>
                        <Router>
                            <Link to="/terran/login">
                                <button id="login-btn" className="login-btn">已有恩亿优基金帐户登录</button>
                            </Link>
                        </Router>
                </div>
                
            </div>
        );
    }

}
//渲染组件标签
ReactDOM.render(<MyNotLogin/>,document.getElementById("root"))